<template>
  <div class="pageWrapper">
    <common-header />
    <div class="content">
      <div v-for="(item, index) in list" :key="index">
        <reportItem :content="item" />
        <reportItem v-for="(child, childIndex) in item.childData" :key="childIndex" :content="child" />
      </div>
    </div>
  </div>
</template>

<script>
import reportItem from "./components/report-item.vue";
export default {
  data() {
    return {
      list: [],
      title: ""
    };
  },
  components: {
    reportItem
  },
  created() {
    this.list = JSON.parse(sessionStorage.getItem("reportList"));
  }
};
</script>

<style scoped lang="scss">
.content {
  padding: 0 16px 16px;
}
</style>
